<template>
	<view class="p-2 flex align-cente border-bottom border-secondary"hover-class="bg-light">
		<image :src="item.userpic"style="width: 100rpx;height: 100rpx;"class="rounded-circle mr-2" mode=""></image>
		<view class="flex flex-column flex-1">
			<text class="font-md text-dark">{{item.username}}</text>
			<uni-badge  :text="20" :type="item.sex ==='女'?'error':'primary'">
				<text  class="iconfont  text-white" :class="item.sex === '男'?'icon-nv':'icon-nan'" style="font-size: 20rpx; margin: 5 5;"></text>
			</uni-badge>
		</view>
		<view class="uni-icon uni-icon-checkbox-filled " :class="item.isFollow?'text-light-muted':'text-main'"></view>
	</view>
	
</template>

<script>
	import uniBadge from "@/components/uni-ui/uni-badge/uni-badge.vue";
	export default {
		components:{
			uniBadge
		},
		props:{
			item:Object,
			index:Number
		}
	}
</script>

<style>
</style>
